@charset "utf-8";

/*--------------------------------safety page-----------------------------*/
.safety_search{ display:block; clear:both; padding:20px 65px 30px;}
.safety_search .btn{ background-color:#39ba73; padding:2px 2px; margin:0 18px; width:70px; height:30px; color:#fff; border:none; color:#fff; font-weight:bold; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-size:13px; cursor:pointer;}
.safety_search input{ background-color:#fff; border:1px solid #d1d1d1; padding:2px 5px; width:250px; height:24px; line-height:24px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.safety_cont{ display:block; clear:both; overflow:hidden; padding:0 0 0 21px;}
.tableList{ width:100%;}
.tableList tr,.tableList td{ border:none; text-align:center; line-height:20px;}
.tableList tr td:first-child { text-align:left; } 
.tableList tr:first-child td { font-size:13px; font-weight:bold; color:#444; line-height:20px; background:#edf0f4 url(images/line.gif) repeat-x left bottom;}
.tableList tr td{ padding:10px 12px;}
.tableList tr tr:nth-child(even){background-color:#FBFBFB}
.tableList .view{ display:inline-block; padding:0px 12px; letter-spacing:0.1em; background-color:#39ba73; color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.tableList .view:hover{ background-color:#3dcb7d; text-decoration:none;}
.tableList .addInfo{ display:inline-block; padding:1px 16px; letter-spacing:0.1em; background-color:#ec870f; color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.tableList .addInfo:hover{ background-color:#f8951f; text-decoration:none;}

.pageNum{ display:block; clear:both; margin:20px auto; height:22px; overflow:hidden; text-align:center; width:200px;}
.pageNum span{ display:inline-block; line-height:22px; float:left; font-size:13px;}
.pageNum em{ color:#d74a37; font-style:normal; font-weight:bold;}
.pageNum a{ display:inline-block; width:32px; height:22px; float:left; margin:0 18px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.pageNum a:hover{  background-color:#555;}
.pageNum .prev{ background:#383838 url(images/nav_icon.png) no-repeat 11px  -324px;}
.pageNum .next{ background:#383838 url(images/nav_icon.png) no-repeat -100px  -324px;}


/*--------------------------------detail page-----------------------------*/

.detail_main{ display:block; height:100%; overflow:hidden; border-top:6px solid #d74a37; padding:40px 70px; _margin-top:66px; }
.pageTitle{ font-size:15px; float:left; color:#a3a3a3; margin:24px 0 0 10px;}

.detail_left{ width:235px; float:left; overflow:hidden; border:1px solid #d1d1d1; background-color:#fff; height:81%;}
.detail_left .backHome{ display:block; clear:both; height:38x; line-height:38px; color:#fff; font-size:14px; font-weight:bold; text-align:center; background-color:#d74a37;}
.detail_left ul{ margin:20px 0 0 0;}
.detail_left ul li{ display:block; clear:both; border-bottom:1px solid #f5f5f5;}
.detail_left ul li a{ display:block; clear:both; padding:12px 20px 12px 60px; line-height:160%; background:url(images/detail_icon.png) no-repeat;}
.detail_left ul li a:hover{ background-color:#f2f2f2; color:#d74a37; text-decoration:none;}
.detail_left .over,.detail_left .over:hover{ background-color:#ececec; color:#d74a37; text-decoration:none;}

.detail_left .icon_1 a{ background-position:20px 5px;}
.detail_left .icon_1 a:hover,.detail_left .icon_1 .over,.detail_left .icon_1 .over:hover{ background-position:-304px 5px;}
.detail_left .icon_2 a{ background-position:20px -54px;}
.detail_left .icon_2 a:hover,.detail_left .icon_2 .over,.detail_left .icon_2 .over:hover{ background-position:-304px -54px;}
.detail_left .icon_3 a{ background-position:20px -111px;}
.detail_left .icon_3 a:hover,.detail_left .icon_3 .over,.detail_left .icon_3 .over:hover{ background-position:-304px -111px;}
.detail_left .icon_4 a{ background-position:19px -166px;}
.detail_left .icon_4 a:hover,.detail_left .icon_4 .over,.detail_left .icon_4 .over:hover{ background-position:-305px -166px;}
.detail_left .icon_5 a{ background-position:19px -222px;}
.detail_left .icon_5 a:hover,.detail_left .icon_5 .over,.detail_left .icon_5 .over:hover{ background-position:-305px -222px;}
.detail_left .icon_6 a{ background-position:19px -280px;}
.detail_left .icon_6 a:hover,.detail_left .icon_6 .over,.detail_left .icon_6 .over:hover{ background-position:-305px -280px;}

.detail_right{ display:block; margin:0 0 0 250px; overflow:hidden; border:1px solid #d1d1d1; background-color:#fff; height:81%;}

.detail_1{ display:block; clear:both; }
.detail_1 ul{ float:left; width:40%; margin:0 25px 0 0;}
.detail_1 ul li{ display:block; clear:both; padding:3px; color:#777;}
.detail_1 ul li label{ display:block; width:90px; float:left; color:#444;}
.map{ display:block; clear:both; padding:4px; border:1px solid #ddd; margin:15px 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

.info ul{ padding:15px 0;}
.info ul li{ display:block; margin:12px 40px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border:1px solid #d1d1d1; background-color:#fff; padding:5px 8px 15px 8px;}
.info ul li strong{ display:block; clear:both; background:url(images/line.gif) repeat-x left bottom; padding:6px 0 4px; line-height:24px; height:28px; margin:0 0 10px 0; font-size:14px; color:#2d83c1;}
.info ul li strong em{ display:block; background:url(images/info.png) no-repeat; width:23px; height:23px; margin:0 8px 0 7px; float:left;}
.info .infoCont{ line-height:170%; padding:2px 10px;}



/*--------------------------------accountHome page-----------------------------*/

.account_1{ display:block; clear:both;  height:130px; padding:0 0 0 21px; overflow:hidden;}
.account_1 h5{ display:block; clear:both; line-height:36px; background:url(images/line.gif) repeat-x left bottom; font-size:14px; margin:15px 0 20px 0;}
.account_1 ul li{ float:left; margin:0 60px 0 26px;}
.account_1 ul li strong{ color:#2c83c0; font-weight:normal;}

.account_cont{ display:block; clear:both; background-color:#fff; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; padding:0 0 0 21px; }
.account_cont h5{ display:block; clear:both; line-height:36px; background:url(images/line.gif) repeat-x left bottom; font-size:14px; margin:15px 0 0 0;}
.account_cont table span{ color:#2c83c0;}



/*--------------------------------notice page-----------------------------*/

.notice_search{ display:block; clear:both; padding:20px 65px 30px;}
.notice_search .btn{ background-color:#39ba73; padding:2px 2px; margin:0 18px; width:70px; height:30px; color:#fff; border:none; color:#fff; font-weight:bold; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-size:13px; cursor:pointer;}
.notice_search input{ background-color:#fff; border:1px solid #d1d1d1; padding:2px 5px; margin:0 5px; width:45px; height:24px; line-height:24px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.notice_search .year{ width:65px;}

.notice_cont{ display:block; clear:both; overflow:hidden; padding:0 0 0 21px;}
